/**
 * 基于 Change Newborn 设计规范
 * @author 佐伯楽
 * @date 2018-08-28
 * /

/**** Less库编写规范 ****/
/**** 快捷变量 ****/
/**** 颜色 ****/
/**** 布局 ****/
/**** 文字 ****/
/**** 样式 ****/
/**** 贝塞尔曲线 ****/
/**** 响应式 ****/
/**** 工具 ****/
.clearfloat[data-v-1d005756]::after {
  content: '';
  display: block;
  clear: both;
}
.feedback-guidance[data-v-1d005756] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: -69px;
  opacity: 0;
  margin: auto;
  padding-top: 27px;
  padding-left: 186px;
  width: 534px;
  height: 69px;
  background: #FFFFFF;
  background-image: url(/./assets/assets_feedback-guidance_28.png);
  background-size: cover;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 10px 20px;
  border-radius: 10px;
  overflow: inherit;
  z-index: 9999;
  transform: translateZ(0);
  transform: translate3d(0, 0, 0);
  transition: all 500ms cubic-bezier(0.02, 0.86, 0.25, 0.97);
}
.feedback-guidance .feedback-img[data-v-1d005756] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 182px;
  height: 133px;
  background-image: url(/./assets/assets_feedback-guidance_10.png);
  background-size: cover;
}
.feedback-guidance .feedback-body[data-v-1d005756] {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 538px;
  height: 96px;
}
.feedback-guidance .feedback-body .feedback-text[data-v-1d005756] {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #444444;
  line-height: 20px;
  width: 363px;
  height: 40px;
  margin-top: 27px;
  display: inline-block;
}
.feedback-guidance .feedback-body .feedback-button[data-v-1d005756] {
  width: 120px;
  position: absolute;
  left: 386px;
  top: 28px;
}
.feedback-guidance .feedback-body .stripe[data-v-1d005756] {
  pointer-events: none;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  height: 200px;
  width: 48px;
  top: -32px;
  left: -64px;
  transform: translate3d(0, 0, 0);
  transform: rotate(15deg);
  animation: mymove-data-v-1d005756 3s infinite;
  -webkit-animation: mymove-data-v-1d005756 3s infinite;
}
@keyframes mymove-data-v-1d005756 {
from {
    left: 0px;
}
to {
    left: 100%;
}
}
@-webkit-keyframes mymove-data-v-1d005756 {
  /*Safari and Chrome*/
from {
    left: 0px;
}
to {
    left: 100%;
}
}
.trans[data-v-1d005756] {
  bottom: 32px;
  opacity: 1;
}

